body { line-height:18px;margin:0;padding:0;text-decoration:none; font-size: 12px; font-family: "宋体", monospace; }
img { border-width:0px; }
ul{list-style:none;}
input{vertical-align:middle;}

a:link, a:visited { text-decoration:none; }
a:hover { color: red; text-decoration:underline; }
a.r:link, a.r:visited { color: #FF6600; text-decoration:none; }/* 浅红色链接 */
a.bk:link, a.bk:visited { color: #4B4B4B; text-decoration:none;}/* 浅黑色链接 */
a.bl:link, a.bl:visited { color: #0069A6; text-decoration:none;}/* TOP 10 的链接颜色，青蓝色 */
a.wt:link, a.wt:visited { color: #FFFFFF; text-decoration:none; }/* 白色链接 */
a.wt:hover {text-decoration:underline; }
a.pic:hover { position: relative; top: -5px; right: 0px; }/* 设置图片的hover 伪类：向上移动5px */

#main { margin: 0 auto; width:960px; height:auto; }
#header { height:38px; width:960px; background: url("./images/top_fill.gif") repeat-x left bottom; }/* 头部信息块 */
#main_con { float: left; width: 960px; background-color: #D0F3F9; }/* 为了自适应高度的层 */
#footer { clear: both; float: left; width: 960px; height: 44px; text-align: center; position:relative; }/* 脚部信息 */
#logo { height:38px; width:141px; float:left; }/* 头部的LOGO信息 */

/* 头部的右边的会员消息块 */
#login_msg {
	margin-top: 6px; padding-top:6px;
	background: url("./images/login_msg.gif") no-repeat right bottom;
	height: 26px; float: right;
}
/* 首页中间一段大块 */
#con_index {
	border: solid;border-color: #FBAF0C;border-width: 7px 7px 20px 7px;
	background: #FFFFFF url("./images/nav_bg1.gif") repeat-y left bottom;
	width: 789px;height: auto;float: left;
}
/* 除了首页外的其它页的中间块 */
.con_other {
	border: 7px solid;border-color: #FBAF0C;
	background: #FFFFFF url("./images/nav_bg1.gif") repeat-y left bottom;
	width: 946px;height: auto;float: left;
}
.nav { float: left;	width: 123px; }/* 首页中间左侧按钮部分 */

/* 左边导航条与TOP10的公用样式 */
.nav_comm { margin: 5px auto auto auto; width: 122px; height: auto; 
	background: url("./images/nav_bg2.gif") no-repeat center top;
}

/* 导航栏与TOP10的文字 */
.wid_txt { line-height: 22px; text-align: center; text-indent: 4px; letter-spacing: 6px; }
/* 图片与文字导航的外围层 */
.wid_butt {	margin: 0 auto; width: 66px; height: 38px; line-height:14px; border-bottom: 1px dotted #000000; padding-top: 10px; }

/*Tip menu 菜单*/
#tipMenu{
	display:none;position:absolute;opacity:0.85;
	line-height:18px;z-index:9999;cursor:hand;font-size:12px;
	border: 1px solid #FED070;background-color:#E9FFD8;width:74px;padding:5px;
}

.a_red { color:#FF6600; text-decoration: none; } /* 用来表达红色的字，一般是链接 */
.b_green { font-size: 13px; font-weight: 700; color: #246F00; } /* 加粗和较深的绿色 */
.b_red { font-size: 13px; font-weight: 700; color: red; } /* 红色文字，注册提示 */
.f_left { float: left; }/* 左边浮动 */
.f_right { float: right; }/* 按钮文字 */
.last {	border: none; } /* 最后一个按钮无下划线 */
.px24 { width: 24px; } /* 左边导航文字的宽度 */
.t_left { text-align: left; }
.t_center { text-align: center; }
.t_white { color: #ffffff; } /* 白色的文字 */
#login_msg .t_white { margin-top:2px;margin-right:14px; }
.t_yell { color: #FFFF00; font-weight: 700; } /* 黄色加粗 */
#login_msg .t_yell { margin-top:2px; }
.marque { width: 648px;	height: 24px; } /* 移动文字的区域 */
.img_align { margin-top: 4px; margin-right: 15px; } /* 图片链接对齐 */
.s_green { color: #46A718; } /* 不加粗和浅绿色 */



/* TOP 10 的部分 */
.top10 { margin:0 auto; width: 90px; height: auto; line-height: 20px; font-size: 12px; color: #0069A6; }

/* 首页中间消息部分 */
.msg_index {
	float: right;width: 648px;
	background: url("./images/index_bg.gif") repeat-x left top;
	padding: 4px 9px 4px 9px;line-height: 24px;
}

/* 除首页外的其它页面的中间信息 */
.msg_comm { float: right; width: 823px; line-height: 24px; }

/* 班级详细信息 */
.class_info {
	width: 80;height: 100px;line-height: 18px;
	border: 1px solid #ccc;padding: 4px 10px;background-color: #F3F3F3;
	display:block;overflow:hidden;
}

.ad_list { width: 638px; padding-left: 10px; } /* 首页管理员列表 */
#index_right { background-color: #D0F3F9; width:157px; float: right; } /* 首页右侧相片留言和链接信息 */

/* 首页右侧最新图片上面的装饰小图片 */
.little_img { 
	line-height: 7px; height: 7px; width: 157px;
	background: #099ACB url("./images/cr_a21.gif") no-repeat center top; 
}
/* 蓝色的文字 */
.b_blue { text-align: center; font-weight: 700; font-size: 13px; line-height: 21px; 
	color: #0066CC; font-weight: 700; background-color: #B7F0FF; padding-top: 3px; }

/* 小浅蓝色背景自适应框信息 */
.s_blue { width: 132px; line-height: 20px; padding: 10px 10px 10px 15px; 
		background-color: #E2F9FF; color: #004BCC; word-break:break-all;overflow:hidden;}

/* 绿色背景的导航栏，代替原来的表格 */
.b_title {width: 638px; height: 24px; line-height: 24px; background-color: #CCF4B9;padding-left:10px; text-align:left;}

/* 更浅的绿色的小标题栏，以及它的小绿色箭头 */
.s_title { width: 628px; height: 24px; background: url("./images/arrow.gif") no-repeat; background-position: 10px 8px;
	background-color: #F3F3F3; padding-left: 20px; text-align: left;
}

.s_con { width: 628px; height: 24px; padding-left: 20px; text-align: left;}/* 用来显示 s_title 样式下面的文字样式 */
/* 首页的详细的留言内容显示区域 */
.msg_con { width: 628px; line-height: 18px; padding-left: 20px; text-align: left; word-break:break-all;overflow:hidden;}
.msg_con p{ margin:0;padding:0;}
/* 首页图片框 */
.pic_link {	width: 114px;height: 94px;display: block;border: 2px solid #DDDDDD;background-color: #E2F9FF;}

/*---------------------------------------- 登录页面样式 ----------------------------------------------------------*/
.login_show { width:920px; margin:15px auto;}
.login_box  { padding-left:180px; }
/*---------------------------------------- 登录页面样式结束 ------------------------------------------------------*/

/*----------------------------------------其它页面的中间信息------------------------------------------------------*/
.b_t_title { width: 813px; height: 24px; background-color: #EAFFE0; padding-left: 10px; text-align: left; }
/* 绿色背景的导航栏，代替原来的表格 */
.b_t_other { margin: 5px; width: 803px; height: 24px; line-height: 24px; 
			 background-color: #CCF4B9; padding-left: 10px; }

/* 更浅的绿色的小标题栏，以及它的小绿色箭头 */
.s_t_other { margin: 2px 13px; width: 777px; height: 19px;padding: 5px 0 0 20px; line-height:14px;
			 background:#F3F3F3 url("./images/arrow.gif") no-repeat; background-position: 10px 8px;
}

/*详细的留言内容显示区域 用来显示 s_title 样式下面的文字样式 */
.s_con_other {margin: 2px 13px;width: 767px;line-height: 24px; padding:0 10px 0 20px;
				word-break:break-all;overflow:auto;}
.s_con_other p{margin:0;padding:0;}
.com_textarea { margin: 2px 13px; width: 600px; text-align: left; }

.page_tip { margin: 3px 20px 0 0; font-size: 13px; color: #246F00; }/* 分页的样式 */
.page_tip a:link, a:visited { color: blue; }/* 分页的蓝色链接 */
.page_tip a:hover { color: red; text-decoration:underline; }
.page_tip a.curr:link, a.curr:visited { color: #FF6600; font-weight: 700; }
.page_tip form{margin:0;padding:0;}
/* ie 与 ff 的 input 的测验,他们的默认样式如下：
input type=text
	ie:margin:0;padding:1px;border:2px
	ff:margin:0;padding:1px;border:2px
input type=button
	ie:margin:0;padding:0;border:-1px
	ff:margin:0;padding:0;border:-1px 
*/
.page_txt {padding:0;height:12px;width:20px;text-align:center;}
.page_btn {height:18px;width:34px;} /*16px*/

.btn_text { width: 600px; margin-top: 0px; line-height: 100%; }
.btn_img { width: 240px; margin-left: 220px; padding-top: 15px;  }
/*-----------------------------------------其它页面的中间信息-----------------------------------------------------*/



/*-----------------------------------------班级共享部分的样式-----------------------------------------------------*/
.share {width: 791px; height: 30px; margin: 8px 10px; padding-top: 5px; padding-left: 10px; text-align: left; 
		background-color: #EFFFE7; border: 1px solid #97E877; }
.sh_all { width: 155px;height: 24px; line-height: 24px; font-size: 14px; color:red; font-weight:700;}
.sh_total { width: 100px; height: 8px; margin: 7px 20px 7px auto; line-height: 8px; border: 1px solid gray; }
.sh_used { height:8px;line-height:8px;background-color:red;font-size:8px; }
.share_file { width: 793px; margin: 8px 10px; padding-top: 5px; padding-left: 10px; text-align: left;}
/* 班级共享上传小窗口 */
.sh_up { width:356px; height:326px; border:7px solid #FBAF0C; font-size: 14px;
	padding: 45px 15px 15px 15px; background: url("./images/pop_t.gif") no-repeat top center; }
/*-----------------------------------------班级共享样式结束-------------------------------------------------------*/



/*-----------------------------------------班级成员地址样式-------------------------------------------------------*/
.member {width: 603px;height: auto; padding:10px; margin:0 auto;}
.l_title { margin: 5px; width: 611px; height: 30px; padding-top:5px; border:1px solid #C6C6C6; 
			background-color: #F7F7F7; font-weight: 700;text-align: center; }
/*-----------------------------------------班级成员地址结束-------------------------------------------------------*/



/*-----------------------------------------班级相册CSS------------------------------------------------------------*/
.no_bg { background-image: none; background-color: #FFF; }
.top3{ width:746px; height: auto; margin: 0 auto; }
.top3 .left{ width:119px; height: 152px; background: url("images/pub.gif") no-repeat 50% 3%;
			padding:30px 5px 5px 5px;border-right: 2px dotted #CCC; border-bottom: 2px dotted #CCC; }
.b_c{ width:60px;height:15px;margin:0 auto;}
.pic_brief{height:135px;}
.top3 .right{ width:613px; height: 184px;padding-top:3px;border-bottom: 2px dotted #CCC; }
.top3 li{margin:0 auto;padding-left:45px;margin-top:-10px;float:left;}
.clear_both{clear:both;}
.pic_act {width:200px; margin:0 auto;text-align:center;}
.main_pic{width:746px; height: auto; margin: 20px auto;}
/* IE以外的浏览器的默认样式是: ol, ul { padding-left:40px; } 而IE的默认样式是：ol, ul { margin-left:30pt; }*/
.main_pic ul{margin-left: 0; padding-left: 0; }
.main_pic li{float:left;width:116px;line-height:18px; padding:5px 0 5px 28px;}

.show_left { width:135px;height:auto; }
.show_left ul{margin-left: 0; padding-left: 0; }
.show_left li{float:left;width:116px;line-height:18px;list-style:none; padding:5px 0 5px 15px;}

.show_right { width:794px;height:auto;border-left:2px dashed #DDD;padding:5px 0;}
.show_brief {width:764px;height:auto;padding:25px 0 5px 30px;border-bottom:1px dashed #DDD;
			background:url("images/pic_brief.gif") no-repeat 10px 2px;}
.show_reply {width:784px;height:auto;padding:25px 0 5px 10px;border-bottom:1px dashed #DDD;
			background:url("images/pic_discuss.gif") no-repeat 10px 2px;}
.show_ul{margin: 5px; padding: 5px;list-style:none; }
.li_t{height:18px;padding-top:6px;margin:3px 0;text-indent:13px;
		background:#F0F0F0 url("images/arrow2.gif") no-repeat 5px 8px;}
.li_c{text-indent:3em;line-height:18px;padding-top:2px;word-break:break-all;overflow:hidden;}
.show_input {width:794px;height:auto;padding:25px 0 5px 0px;
			background:url("images/pic_publish.gif") no-repeat 10px 2px;}
.c_i{width:794px;text-align:center;margin-top:5px;}
/*-----------------------------------------班级相册结束-----------------------------------------------------------*/


/*-------------- CSS中图片的垂直、左右居中定位，来源于蓝色理想，兼容性不错，感觉有点麻烦啊 ----------------*/
.cente {
	width:114px;height:94px;line-height:114px;border:1px solid #ccc;
	overflow:hidden;position:relative;text-align:center;
}
.cente p { position:static; +position:absolute; top:50%; vertical-align:middle; }
.cente img { position:static; +position:relative; top:-50%;left:-50%; vertical-align:middle; }
/*-------------- 图片的居中定位 <div class="cente"><p><img src="" /></p></div> ----------------------------*/


/* "与班级断绝关系"不好定位，于是将这一图片放在footer层里面，将footer层的position设置为relative，
然后将断交的图片用绝对定位，设置top的负值来达到效果*/
.cut_all { position: absolute;top:-20px; right:30px; }
#elm1 {width: 609px; height: 60px;}